<!DOCTYPE html>
<style>
    div {
        background-image: -webkit-repeating-linear-gradient(top left, white, blue 90px);
        background-origin: content-box;
    }

    #a {
        padding: 0.1px;
        width: 99.8px;
        height: 99.8px;
    }

    #b {
        border: 1.1px solid black;
        width: 97.8px;
        height: 97.8px;
    }
</style>

<div id=a></div>
<div id=b></div>

The gradients should fill the entire boxes and not repeat.
